<template>
    <div class="my">
        <div class="my_top">
            <img src="/2.jpg" alt="" />
            <div>
                <p @click="login">立即登录</p>
                <p>积分：0</p>
            </div>
            <div></div>
            <div></div>
            <div></div>
        </div>
        <div class="my_hh">
            <img src="/喇叭.png" alt="" />
            <p>新上线更稳定的付费快递查询接口</p>
            <p></p>
        </div>
        <div class="my_order"></div>
        <div class="my_fen"></div>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    mounted() {},
    methods: {
        login() {
            this.$router.push({ path: "/login" });
        },
    },
};
</script>

<style lang="scss" scoped>
.my_top {
    width: 100%;
    height: 3rem;
    background: #c1b18f;
    display: flex;
    align-items: center;
    justify-content: space-around;
    img {
        width: 1.7rem;
        height: 1.7rem;
        border-radius: 50%;
    }
    div {
        font-size: 0.4rem;
        color: #fff;
        p {
            margin-top: 0.2rem;
        }
    }
}
.my_hh {
    width: 100%;
    height: 1rem;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    p {
        font-size: 0.3rem;
        color: red;
    }
}
.my_order {
    width: 100%;
    height: 2.5rem;
    background: paleturquoise;
}
.my_fen {
    width: 100%;
    height: 3rem;
    background: plum;
}
.my_hh,
.my_order,
.my_fen {
    margin-top: 0.2rem;
}
</style>
